irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Retro] Simple Style.css
179 lines3.2 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Simple Style */
3
4@define-color background #1d2021;
5@define-color foreground #ebdbb2;
6@define-color dim #928374;
7@define-color yellow #fabd2f;
8@define-color red #fb4934;
9@define-color green #b8bb26;
10
11* {
12 font-family: "JetBrainsMono Nerd Font";
13 font-weight: bold;
14 min-height: 0;
15 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
16 font-size: 97%;
17 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
18
19}
20
21window#waybar {
22 background: @background;
23 color: @foreground;
24 transition-property: background-color;
25 transition-duration: 0.5s;
26}
27
28#taskbar button,
29#workspaces button {
30 color: @foreground;
31}
32
33#taskbar button.active,
34#workspaces button.active {
35 border-bottom: 1px solid green;
36}
37
38#taskbar button.urgent,
39#workspaces button.urgent {
40 border-bottom: 2px solid red;
41}
42
43#submap {
44 border-bottom: 1px solid red;
45}
46
47#backlight,
48#backlight-slider,
49#battery,
50#bluetooth,
51#clock,
52#cpu,
53#disk,
54#idle_inhibitor,
55#keyboard-state,
56#memory,
57#mode,
58#mpris,
59#network,
60#power-profiles-daemon,
61#pulseaudio,
62#pulseaudio-slider,
63#taskbar button,
64#taskbar,
65#temperature,
66#tray,
67#window,
68#wireplumber,
69#workspaces,
70#custom-backlight,
71#custom-browser,
72#custom-cava_mviz,
73#custom-cycle_wall,
74#custom-dot_update,
75#custom-file_manager,
76#custom-keybinds,
77#custom-keyboard,
78#custom-light_dark,
79#custom-lock,
80#custom-hint,
81#custom-hypridle,
82#custom-menu,
83#custom-playerctl,
84#custom-power_vertical,
85#custom-power,
86#custom-quit,
87#custom-reboot,
88#custom-settings,
89#custom-spotify,
90#custom-swaync,
91#custom-tty,
92#custom-updater,
93#custom-weather,
94#custom-weather.clearNight,
95#custom-weather.cloudyFoggyDay,
96#custom-weather.cloudyFoggyNight,
97#custom-weather.default,
98#custom-weather.rainyDay,
99#custom-weather.rainyNight,
100#custom-weather.severe,
101#custom-weather.showyIcyDay,
102#custom-weather.snowyIcyNight,
103#custom-weather.sunnyDay {
104 padding: 6px;
105 color: @foreground;
106}
107
108#battery.warning,
109#disk.warning,
110#memory.warning,
111#cpu.warning {
112 border-top: 3px solid @background;
113 border-bottom: 3px solid yellow;
114}
115
116@keyframes blink {
117 to {
118 color: @background;
119 }
120}
121
122#battery.critical:not(.charging) {
123 background-color: @red;
124 color: white;
125 animation-name: blink;
126 animation-duration: 3.0s;
127 animation-timing-function: steps(12);
128 animation-iteration-count: infinite;
129 animation-direction: alternate;
130 box-shadow: inset 0 -3px transparent;
131}
132
133/*-----Indicators----*/
134#custom-hypridle.notactive,
135#idle_inhibitor.activated {
136 color: #39FF14;
137}
138
139#battery.critical,
140#disk.critical,
141#memory.critical,
142#cpu.critical {
143 border-top: 3px solid @background;
144 border-bottom: 3px solid red;
145}
146
147#temperature.critical {
148 background-color: red;
149}
150
151#battery.charging {
152 border-top: 3px solid @background;
153 border-bottom: 3px solid green;
154}
155
156#backlight-slider slider,
157#pulseaudio-slider slider {
158 min-width: 0px;
159 min-height: 0px;
160 opacity: 0;
161 background-image: none;
162 border: none;
163 box-shadow: none;
164}
165
166#backlight-slider trough,
167#pulseaudio-slider trough {
168 min-width: 80px;
169 min-height: 5px;
170 border-radius: 5px;
171 background-color: @dim;
172}
173
174#backlight-slider highlight,
175#pulseaudio-slider highlight {
176 min-height: 10px;
177 border-radius: 5px;
178 background-color: @green;
179}